

/* 私信模块
 ***************/
.privateLetter{
    .sx-refresh,.sx-refreshs{
         top: 50%;height: 30px;padding: 0 10px;background-color: #005496;color: #FFFFFF;font-size: 12px;text-align: center;line-height: 30px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);border-radius: 5px;
    }
    .sx-refresh{position: absolute;right: 30px;}
    .sx-refreshs{position: absolute;right: 90px;}
    .sx-lists{width: 100%;}
    .sx-lists ul{margin-bottom: 20px;padding: 20px;background-color: #FFFFFF;box-shadow: 0 2px 4px 0 #D6E1EB;;}
    .sx-lists ul li{position: relative;float: left;font-size: 16px;line-height: 20px}
    // .sx-lists ul li:first-child{width: 20%;padding-right: 40px;box-sizing: border-box;}
    // .sx-lists ul li:nth-child(2){width: 15%;color: rgba(37,55,70,.5);font-size: 14px}
    // .sx-lists ul li:nth-child(3){width: 55%}
    // .sx-lists ul li:nth-child(3) p{width: 90%;height: 20px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
    // .sx-lists ul li:last-child{width: 10%}
    .sx-lists ul li:first-child{width: 20%;padding-right: 40px;box-sizing: border-box;}
    .sx-lists ul li:nth-child(2){width: 5%;font-size: 14px}
    .sx-lists ul li:nth-child(3){width: 15%;color: rgba(37,55,70,.5);font-size: 14px}
    .sx-lists ul li:nth-child(4){width:50%}
    .sx-lists ul li:nth-child(5) p{width: 90%;height: 20px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
    .sx-lists ul li:last-child{width: 10%}
    .sx-lists ul li span{position: relative;top: -5px;display: inline-block;width: 30px;height: 15px;line-height: 16px;border-radius: 7.5px;text-align: center;font-size: 12px;color: #FFFFFF;background-color: #F74E12}
    .sx-lists ul li a{position: absolute;top: -5px;right: 10px;display: block;width: 50px;height: 35px;font-size: 14px;background-color: #006DCC;color: #FFFFFF;border-radius: 5px;text-align: center;line-height: 35px;}
    
    .talk-container .tip{background-color: #cee6f9;margin-top: -10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    .talk-container .talk-theme{background-color: #FFFFFF;box-shadow: 0 2px 4px 0 #D6E0EA;margin-top: 24px;padding-bottom: 20px}
    .talk-container .talk-theme .title{font-size: 16px;padding: 17px 24px 0}
    .talk-container .talk-cont{position: relative;margin-bottom: 20px}
    
    .talk-container .talk-cont .time{text-align: center;font-size: 14px;color: #CCCCCC;letter-spacing: 0}
    .talk-container .talk-theme .talk-cont .time{float: right;margin-right: 40px;}
    .talk-container .talk-cont .pepole-talk .avatar{position: absolute;left: 24px;width: 50px;height: 50px;border-radius: 25px;overflow: hidden;background-color: #F4F4F4;}
    .talk-container .talk-cont .pepole-talk .avatar img{width: 100%;height: 100%;}
    .talk-container .talk-cont .pepole-talk .name-txt{padding-left: 90px}
    .talk-container .talk-cont .pepole-talk .talk-word{position: relative;display: inline-block;max-width: 90%;padding: 10px 20px;margin-top: 20px;background-color: #0073BB;color: #FFFFFF;border-radius: 0 5px 5px 5px;}
    .talk-container .talk-cont .pepole-talk .talk-word:before{content: '';display: block;position: absolute;left: -8px;top: 0;width: 0;height: 0;border-top: 10px solid #0073BB;border-left: 10px solid transparent; }
    .talk-container .talk-theme .pepole-talk .talk-word{margin-top: 0;}
    .talk-container .talk-notes{width: 100%;height: 400px;background-color: #FFFFFF;margin-top: 20px;overflow-y: auto;}
    .talk-container .talk-textarea{position: relative;width: 100%;height: 165px;border: 1px solid #DEE6F4;background-color: #FFFFFF;margin-top: 20px}
    .talk-container .talk-textarea textarea{width: 100%;height: 100%;resize: none;padding: 5px 6% 5px 10px;box-sizing: border-box;}
    .talk-container .talk-textarea button{position: absolute;right: 0;top: 0;width: 5%;height: 100%;background-color: #0073BB;color: #FFFFFF}
    .talk-container .talk-textarea textarea:focus{border: 1px solid #0073BB}
    .talk-container .talk-cont .me-talk .avatar{left: auto;right: 24px;}
    .talk-container .talk-cont .me-talk .name-txt{text-align: right;padding-left: 0;padding-right: 90px}
    .talk-container .talk-cont .me-talk .talk-word{border-radius: 5px 0 5px 5px;}
    .talk-container .talk-cont .me-talk .talk-word:before{left: auto;right: -8px;border-left: none;border-top: 10px solid #0073BB;border-right: 10px solid transparent;}
}

